<template>
 <div class="recommend">
   <div v-for="item in recommends" :key="item.index" class="recommend-item">
       <a :href="item.link">
           <img :src="item.image" alt="">
       </a>
   </div>
 </div>
</template>

<script>
 export default {
   data () {
     return {
         
     }
   },
   props: {
       recommends: {
           type: Array,
           dafault() {
               return []
           }
       }
   },
   created() {

   },
   methods: {

   }
 }
</script>

<style scoped>
    .recommend {
        display: flex;
        text-align: center;

        padding: 15px 0 30px;
        border-bottom: 1px solid rgb(99, 90, 90);
    }
    
    .recommend-item {
    flex: 1;
    }

    .recommend-item img {
        width: 650px;
        height: 65px;
    }
</style>
